<template>
  <div id="zhangHaoXinXi" style="padding: 10px">
    <a-form :model="form" :style="{ width: '600px', margin: '0 auto' }" @submit="handleSubmit" auto-label-width>
      <a-form-item field="name" label="头像">
        <UploadImage/>
      </a-form-item>
      <a-form-item field="username" label="用户名">
        <a-input v-model="form.username" placeholder="请输入你的用户名" />
      </a-form-item>
      <a-form-item field="email" label="邮箱地址">
        <a-input v-model="form.email" placeholder="请输入你的邮箱地址" />
      </a-form-item>
      <a-form-item field="username" label="性别">
        <a-radio-group v-model="form.gender">
          <a-radio value="1">男</a-radio>
          <a-radio value="0">女</a-radio>
          <a-radio value="2">沃尔玛购物袋</a-radio>
        </a-radio-group>
      </a-form-item>
      <a-form-item>
        <a-button html-type="submit">保存</a-button>
      </a-form-item>
    </a-form>
  </div>
</template>

<script setup>

import {ref} from "vue";
import UploadImage from "../common/UploadImage.vue";

const form = ref({});
</script>

<style scoped>

</style>
